<ion-header>
    <ion-navbar>
        <ion-title>待办列表</ion-title>
    </ion-navbar>
</ion-header>

<ion-content scrollX="false" scrollY="false">
    <tasks-date [tasksNum]="tasksNum" (onSearch)="onSearch($event)"></tasks-date>
    <ion-list id="tasks">
        <div *ngFor="let item of tasksList; let i = index" class="item" (tap)=itemTapped(item) (swipe)=itemOnSwipe($event)>
            <div class="row title">{{item.title}}</div>
            <div class="row content"><span class="statu">{{item.approval_node}}</span></div>
            <div class="row footer">发起人:{{item.creator_name}} {{item.approve_date}}</div>
            <div class="menus">
                <div class="reject" (tap)=rejectTapped(item) >拒绝</div>
                <div class="approve" (tap)=approveTapped(item)>同意</div>
            </div>
        </div>
    </ion-list>
</ion-content>